<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>Document</title>

    <script type="module"
            src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
    <style>
        #modelviewer {
            height: 400px;
            width: 600px;
        }



    </style>
</head>

<body>
<!-- 更换url改变展示的头像, url可以在ReadyPleayerme 生成获取,后期该成用户上传生成 -->
<!-- https://api.readyplayer.me/v1/avatars/6185a4acfb622cf1cdc49348.glb -->
<!-- https://models.readyplayer.me/64299c53762155e121eb05be.glb -->
<!-- https://models.readyplayer.me/6429a53f9c53fede9f01ae9a.glb -->
<!--<model-viewer id="modelviewer" autoplay alt="Ready Player Me Avatar"-->
<!--              src="https://models.readyplayer.me/6429a53f9c53fede9f01ae9a.glb" shadow-intensity="1"-->
<!--              camera-controls-->
<!--              touch-action="pan-y">-->
<!--</model-viewer>-->

<!--<model-viewer camera-controls touch-action="pan-y" autoplay ar ar-modes="webxr scene-viewer"-->
<!--              scale="0.2 0.2 0.2" shadow-intensity="1"-->
<!--              src="https://models.readyplayer.me/6429a53f9c53fede9f01ae9a.glb"-->
<!--              alt="An animated 3D model of a robot"></model-viewer>-->

<model-viewer id="my_model_viewer" style="width: 500px;height:800px" camera-controls
              touch-action="pan-y" autoplay animation-name="Speaking" ar
              ar-modes="webxr scene-viewer" scale="0.2 0.2 0.2" shadow-intensity="1"
              src="https://booisrs.oss-cn-hangzhou.aliyuncs.com/_4uchat/new.glb"
              alt="An animate 3D model of a robot"></model-viewer>

<script>



    const modelViewer = document.querySelector('#my_model_viewer');
    const play = () => {
        console.info("asdfasdfasdf")
        modelViewer.
    };
    modelViewer.addEventListener('finished', play());


</script>
</body>

</html>